

{{$this->Html->css(array('/assets/rs-plugin/css/settings.css'))}}

<div id="fullwidthbanner-container" class="fullwidthbanner-container">
        <div class="fullwidthbanner img">
            <ul>
                <li data-transition="random" data-slotamount="10" data-masterspeed="500">
                    <img src="/img/rs/slide-1.jpg" alt="Slide Image">
                    <h3 class="tp-caption large_black_text sft stt"
                        data-x="150"
                        data-y="65"
                        data-speed="500"
                        data-start="1000"
                        data-easing="easeOutExpo" style="font-size: 36px;line-height:44px;color: #fff;">Welcome to ReportSolution</h3>
                    <div class="tp-caption theme_caption3 sfl stl"
                                    data-x="150"
                                    data-y="150"
                                    data-speed="500"
                                    data-start="1400"
                                    data-easing="easeOutExpo" style="font-size:18px;line-height:24px;width:300px;color: #fff;">
                                   Report Solution is a global IT consulting <br>
                                   and software developing company <br>
                                   aim to bring in effective IT solutions <br>
                                   to benefit clients’ business.
                                </div>
                   
                    <a href="/about-us.html" target="_blank" class="caption btn btn-primary btn-large btn-bordered sfb stb" 
                        data-x="150"
                        data-y="275"
                        data-speed="500" 
                        data-start="1600"
                        data-easing="easeOutExpo">Read more</a>
                        
                </li>
                <li data-transition="random" data-slotamount="10" data-masterspeed="500">
                    <img src="/img/rs/slide-3.jpg" alt="Slide Image">
                    <h3 class="tp-caption large_black_text sft stt"
                        data-x="150"
                        data-y="65"
                        data-speed="500"
                        data-start="1000"
                        data-easing="easeOutExpo" style="font-size: 36px;line-height:44px;color: #fff;">Welcome to ReportSolution</h3>
                    <div class="tp-caption theme_caption3 sfl stl"
                                    data-x="150"
                                    data-y="150"
                                    data-speed="500"
                                    data-start="1400"
                                    data-easing="easeOutExpo" style="font-size:18px;line-height:24px;color: #fff;">
                                   Report Solution is a global IT consulting <br>
                                   and software developing company <br>
                                   aim to bring in effective IT solutions <br>
                                   to benefit clients’ business.
                                </div>
                   
                    <a href="/about-us.html" target="_blank" class="caption btn btn-primary btn-large btn-bordered sfb stb" 
                        data-x="150"
                        data-y="275"
                        data-speed="500" 
                        data-start="1600"
                        data-easing="easeOutExpo">Read more</a>
                </li>
                <li data-transition="random" data-slotamount="10" data-masterspeed="500">
                    <img src="/img/rs/slide-4.jpg" alt="Slide Image">
                    <h3 class="tp-caption large_black_text sft stt"
                        data-x="150"
                        data-y="65"
                        data-speed="500"
                        data-start="1000"
                        data-easing="easeOutExpo" style="font-size: 36px;line-height:44px;color: #333;">Welcome to ReportSolution</h3>
                    <div class="tp-caption theme_caption3 sfl stl"
                                    data-x="150"
                                    data-y="150"
                                    data-speed="500"
                                    data-start="1400"
                                    data-easing="easeOutExpo" style="font-size:18px;line-height:24px;color: #333;">
                                   Report Solution is a global IT consulting <br>
                                   and software developing company <br>
                                   aim to bring in effective IT solutions <br>
                                   to benefit clients’ business.
                                </div>
                   
                    <a href="/about-us.html" target="_blank" class="caption btn btn-primary btn-large btn-bordered sfb stb" 
                        data-x="150"
                        data-y="275"
                        data-speed="500" 
                        data-start="1600"
                        data-easing="easeOutExpo">Read more</a>
                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom"></div>
        </div>
        <!-- /.fullwidthbanner -->
</div>
<!-- /#fullwidthbanner-container -->
{{$this->Html->script(array(
            '/assets/rs-plugin/js/jquery.themepunch.revolution.min.js',
        ));
}}
<script type="text/javascript">
jQuery(document).ready(function () {
                // Revolution Slider
    if (jQuery.fn.cssOriginal != undefined)
        jQuery.fn.css = jQuery.fn.cssOriginal;

    jQuery('.fullwidthbanner').revolution({
        delay: 9000,
        startwidth: 1350,
        startheight: 400,
        onHoverStop: "on",

        thumbWidth: 100,
        thumbHeight: 50,
        thumbAmount: 3,

        hideThumbs: 0,

        navigationType: "none",
        navigationArrows: "solo",
        navigationStyle: "round",
        navigationHAlign: "left",
        navigationVAlign: "bottom",
        navigationHOffset: 30,
        navigationVOffset: 30,

        soloArrowLeftHalign: "left",
        soloArrowLeftValign: "center",
        soloArrowLeftHOffset: 0,
        soloArrowLeftVOffset: 0,

        soloArrowRightHalign: "right",
        soloArrowRightValign: "center",
        soloArrowRightHOffset: 0,
        soloArrowRightVOffset: 0,

        stopAtSlide: -1,
        stopAfterLoops: -1,
        hideCaptionAtLimit: 0,
        hideAllCaptionAtLilmit: 0,
        hideSliderAtLimit: 0,

        fullWidth: "on",
        fullScreen: "off",
        fullScreenOffsetContainer: "#topheader-to-offset",

        shadow: 0
    });
});
</script>
